<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>Asteroids of the Solar System</title>
		<script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
		<script src="scripts/scripts.js" language="javascript"></script>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
	</head>	
	<body onload="javascript:visitVesta()">
		
		<nav id="navigation">
			<a href="topic-1.html" class="menu-link">Asteroid Belt</a>
			<a href="topic-2.html" class="menu-link">Ceres</a>
			<a href="topic-3.html" class="menu-link">433 Eros</a>
			<span class="menu-link-inactive">Vesta</span>
			<a href="assessment.html" class="menu-link">Assessment</a>
		</nav>
		<section id="main-content">
			<article id="main-info">
			
				<header>
					<h1 id="topic-title">Vesta</h1>
				</header>
				
		<table>
			<tr>
			<td class="photo1">	
				<img src="images/vesta.jpg" alt="Vesta in scale" title="Vesta in scale"/>
			</td>
			<td class="photo2">
				<img src="images/vesta2.gif" alt="Vesta light band photos" title="Vesta light band photos">	
			</td>
			</tr>
		</table>
		<article>
			<p>Vesta is the second most massive asteroid in our solar system. Vesta comprises almost 9% of the mass of the asteroid belt. It was named after the Roman goddess of home and hearth. 
			</p>
		</article>
			<hr/>
		<footer>
			This infromation and these images were extracted from <a href="http://en.wikipedia.org/wiki/4_Vesta">Wikipedia</a> and <a href="http://www.nasa.gov">NASA</a>.
		</footer>
			
			</article>
			
			<aside id="aside-info">
				<header>
					<p id="aside-title-audio">Audio</p>
				</header>
				<audio id="narration" controls="controls">
					
				</audio>
					
				<br/>
				<header>
					<p id="aside-title-audio">Transcript</p>
				</header>
				<div id="transcript">
				</div>
			</aside>
			<div id="main-content-clear"></div>	
		</section>
	</body>
</html>